body.admin {
    color:#333;
    background:#eee url(page.png) 0px 0px repeat-y;
    font:normal 13px/20px "Lucida Grande",Verdana,sans-serif;
}

a {
    color:#05a;
    text-decoration:none;
}

.reverse { color:#ccc; }
.reverse a { color:#fff; }

.limiter { padding:0px 20px 0px 180px; }

div.box,
p { margin:0px 0px 20px; }

hr { display:none; }

/**
 * Generic ============================================================
 */
#content legend { font-weight:bold; }
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-size:15px;
    font-weight:bold;
    margin: 10px 0px;
}

#content ul,
#content dl {
    margin:0px 0px 20px;
}

#content dl dt {}
#content dl dd,
#content dl dl {
    margin-left:20px;
    margin-bottom:10px;
}

#content ul li {
    list-style:disc;
    margin-left:20px;
}

/* Exclude some from this styling */
#content ul.admin-list,
#content ul.admin-list li,
#content .views-edit-view ul,
#content .views-edit-view ul li,
#content form ul,
#content form ul li,
#content ul.clear-block,
#content ul.clear-block li,
#content div.item-list ul,
#content div.item-list ul li,
#content ul.menu,
#content ul.menu li,
#content ul.links,
#content ul.links li {
    padding:0px;
    margin:0px;
    list-style:none;
}

#content ul.vertical-tabs-list { margin:-1px -100% -1px 0; }

/**
 * Branding ===========================================================
 */
#branding {
    overflow:hidden;

    line-height:30px;
    height:30px;
    padding-top:10px;
    padding-bottom:9px;
    border-bottom:1px solid #555;

    background:#333;
    position:relative;
}

#branding h1.site-name {
    width:160px;
    overflow:hidden;

    position:absolute;
    top:10px;
    left:20px;

    color:#ccc;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
}

#branding div.breadcrumb {
    float:left;
    font-size:11px;
}

#branding div.right {
    position:absolute;
    right:20px;
    background:#333;
}

#branding div.block { float:left; }

#branding div.block form label { display:none; }

#branding div.block form div.form-item {
    float:left;
    border:0px;
    margin:0px;
    padding:0px;
}

#branding div.block form input.form-text {
    width:140px;
    margin-right:10px;
}

#branding div.block form input.form-submit {
    text-align:center;
    width:80px;
}

/**
 * Breadcrumbs ========================================================
 */
div.breadcrumb a {
    padding:0px 10px 0px 0px;
    color:#fff;
}

/**
 * Help ===============================================================
 */
a.help-toggle {
    float:left;
    font-size:11px;
    background:#222;
    margin:5px 10px 0px 0px;
    padding:0px 10px;
    line-height:20px;
    white-space:nowrap;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

a.help-expanded { background:#666; }

#help {
    background:#222;
    display:none;
}

#help div.help-label {
    position:absolute;
    left:20px;
    width:140px;
    padding:20px 10px 5px;
    border-bottom:1px solid #333;

    font-size:11px;
    background:#111;
    color:#fff;
}

#help div.help-wrapper {
    padding:10px 20px;
}

#help a { color:#8cf; }

#help div.more-help-link,
#help p { margin:10px 0px; }

#help div.more-help-link { text-align:right; }

/**
 * Console ============================================================
 */
#console div.messages {
    padding:9px;
    margin:0px 0px 10px;

    color:#036;
    background:#bdf;
    border:1px solid #ace;
}

#console div.warning {
    color:#840;
    background:#fe6;
    border-color:#ed5;
}

#console div.error {
    color:#fff;
    background:#e63;
    border-color:#d52;
}

#console div.status {
    color:#360;
    background:#cf8;
    border-color:#be7;
}

/**
 * Grouped hover states ===============================================
 */
div.block ul.menu a:hover {
    border-top-color:#369;
    background:#369;
    color:#fff;
}

/**
 * Page title =========================================================
 */
#page-title {
    background:#333;
    padding-top:20px;
}

#page-title h2.page-title {
    color:#fff;
    padding-bottom:10px;
    letter-spacing:-1px;
    font-size:18px;
    font-weight:normal;
    float:left;
}

#page-title a.subnav-toggle {
    float:left;
    height:30px;
    width:30px;
    margin-right:10px;
    background:url(sprite.png) no-repeat;
    overflow:hidden;
    text-indent:-999px;
}

#page-title a.subnav-expanded { background-position:-30px 0px; }

#page-title div.tools {
    line-height:30px;
    font-size:11px;
    padding-right:10px;
    float:right;
}

/**
 * Console ============================================================
 */
#page .console {
    border-top:1px solid #ccc;
    padding:9px 0px 10px;
}

/**
 * Tabs ===============================================================
 */
ul.tabs { font-size:11px; }

ul.tabs li {
    float:left;
    padding-right:1px;
}

ul.primary {
    line-height:30px;
    float:right;
}

ul.primary li a {
    text-transform:uppercase;

    color:#333;
    background:#ddd;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}

ul.tabs li a,
ul.tabs li a:hover,
ul.tabs li.active a,
ul.tabs li.active a.active {
    float:left;
    padding:0px 15px;
}

ul.tabs li a:hover { background:#eee; }
ul.primary li.active a,
ul.primary li.active a.active { background:#fff; }

ul.secondary {
    float:none;
    clear:both;
    font-size:11px;
    padding:5px 5px 4px;
    line-height:20px;
    overflow:hidden;
    border-bottom:1px solid #ccc;
    background:#fff;
}

ul.secondary li a { color:#05a; }

ul.secondary li a,
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
    padding:0px 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

ul.secondary li.active a,
ul.secondary li.active a.active {
    color:#fff;
    background:#666;
}

/**
 * Page layout ========================================================
 */
#page {
    padding:0px 0px 40px;
    padding-left:180px;
    position:relative;
}

#footer {
    text-align:center;
    border-top:1px solid #ccc;
    padding:19px 20px 40px;
    font-size:11px;
}

#content {
    min-height:180px;
    padding:20px;
    background:#fff;
}

#primary-links {
    font-size:11px;
    width:160px;
    position:absolute;
    left:20px;
    top:0px;
}

#primary-links ul.links li,
#primary-links ul.links li a {
    float:none;
    display:block;
}

#primary-links ul.links li a {
    padding:5px 0px 4px 5px;
    border-bottom:1px solid #555;
}

#primary-links ul.links li a:hover { background-color:#555; }

#primary-links ul.links li.active-trail a,
#primary-links ul.links li a.active {
    background:#111 url(sprite.png) 100% -120px no-repeat;
    color:#fff;
}

#secondary-links {
    position:absolute;
    top:0px;
    left:180px;
    right:0px;
    z-index:100;

    padding:10px 0px 0px 10px;
    background:url(mask.png);

    display:none;
}

#content ul.menu li,
#content ul.menu li a,
#secondary-links ul.links li,
#secondary-links ul.links li a { float:left; }

#content ul.menu li,
#secondary-links ul.links li { padding:0px 10px 10px 0px; }

#content ul.menu li a,
#secondary-links ul.links li a {
    font-size:9px;
    line-height:10px;

    background:#777;
    color:#fff;
    text-align:center;
    padding:5px;
    height:55px;
    width:80px;

    overflow:hidden;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#secondary-links ul.links li a:hover { background:#999; }

#content ul.menu li a {
    background:#f8f8f8;
    color:#05a;
}

#content ul.menu li a:hover { background:#eee; }

#secondary-links ul.links li.active-trail a,
#secondary-links ul.links li a.active { background:#333; }

#content ul.admin-list li a span.icon,
#content ul.menu li a span.icon,
#secondary-links ul.links li a span.icon {
    margin:0px auto 5px;
    display:block;
    width:30px;
    height:30px;
}

#content ul.node-type-list li,
#content ul.admin-list li {
    position:relative;
    padding-left:40px;
    padding-bottom:9px;
    border-bottom:1px solid #ccc;
    margin-left:0px;
    margin-bottom:10px;
}

#content ul.admin-list li a span.icon {
    position:absolute;
    left:0px;
    top:0px;
}

#content ul.node-type-list label { font-size:15px; }

#content ul.node-type-list li {
    padding-left:30px;
    background:url(sprite.png) -380px -200px no-repeat;
}

/**
 * Tables =============================================================
 */
table {
    width:100%;
    font-size:11px;
    margin:0px 0px 10px;
    background-color:#fcfcfc;
}

table.system-status-report th,
table td,
table th {
    vertical-align:middle;
    border:1px solid #ddd;
    padding:5px;
}

table.system-status-report th { padding-left:30px; }

table th {
    font-size:9px;
    text-transform:uppercase;
    background:#eee;
}

table tr.odd { background:#fff; }

table td.active { background:#e4f0f8; }
table tr.odd td.active { background:#ecf8fc; }

table tr.selected td.active,
table tr.selected td {
    background:#ffc;
    border-color:#eeb;
}

/**
 * Pagers =============================================================
 */
#content div.item-list ul.pager {
    position:relative;
    height:28px;
    background:#f8f8f8;
    border:1px solid #ccc;
    padding-right:80px;
}

#content ul.pager li,
#content ul.pager li a { float:left; }

#content ul.pager li.pager-ellipsis,
#content ul.pager li.pager-current,
#content ul.pager li a {
    color:#666;
    font-weight:normal;
    padding:4px 10px;
}

#content ul.pager li { border-right:1px solid #ccc; }

#content ul.pager li.pager-current { background:#fff; }

#content ul.pager li.pager-first a,
#content ul.pager li.pager-previous a,
#content ul.pager li.pager-next a,
#content ul.pager li.pager-last a {
    font-size:11px;
    font-weight:bold;
    width:79px;
    padding:4px 0px;
    text-align:center;
    background:#eee;
}

#content ul.pager li.pager-next,
#content ul.pager li.pager-last {
    border-left:1px solid #ccc;
    border-right:0px;
    float:right;
}

#content ul.pager li a:hover {
    background:#999;
    color:#fff;
}

/* This whole portion is to accommodate the correct order of next/last pager links. */
#content ul.pager li.last { position:absolute; right:0px; }
#content ul.pager li.pager-current,
#content ul.pager li.pager-item { position:static; }

/**
 * Forms ==============================================================
 */

div.form-item {
    padding:9px;
    margin:0px 0px 10px;
    border:1px solid #ccc;
}

div.teaser-checkbox div.form-item,
div.form-item div.form-item,
div.fieldset div.form-item {
    padding:5px 0px;
    margin:0px;
    border:0px;
}

#content div.fieldset h2.fieldset-title,
div.form-item label {
    margin:0px;
    padding:0px;

    font-weight:normal;
    font-size:11px;
    text-transform:uppercase;
}

div.form-item label.option { text-transform:none; }

div.form-item label.option { font-size:11px; }
div.form-item label.option input { vertical-align:middle; }


div.description,
div.form-item div.description {
    margin:5px 0px;
    line-height:15px;
    font-size:11px;
    color:#666;
}

input.teaser-button,
input.form-submit {
    cursor:pointer;
    padding:2px 10px;
    color:#333;

    text-align:center;

    font-weight:normal;
    font-family:"Lucida Grande",Verdana,sans-serif;

    border:1px solid #eee;
    border-bottom:1px solid #ccc;
    background:url(sprite.png) 0px -40px repeat-x;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

div.node-form input#edit-submit {
    border:1px solid #cef;
    border-left-color:#bdf;
    border-right-color:#bdf;
    border-bottom-color:#9bd;
    background:url(sprite.png) 0px -80px repeat-x;
}

input.form-submit:active {
    background:#666;
    color:#fff;
    border-color:#555;
    text-shadow:#222 0px -1px 0px;
}

/* Teaser splitter */
div.teaser-button-wrapper { padding:5px 5px 0px; }
input.teaser-button { font-size:11px; }

form div.buttons {
    clear:both;
    padding:10px 0px;
}

form div.form div.buttons { border-width:1px 0px 0px; }

form input#edit-delete {
    background:#eee;
    border-color:#fff #ddd #ccc;
    text-shadow:none;
    color:#999;
}

input.form-autocomplete,
input.form-text,
textarea.form-textarea,
select.form-select {
    padding:2px;
    border:1px solid #ccc;
    border-top-color:#999;
    background:#fff;
    color:#333;
}

input.form-text:focus,
textarea.form-textarea:focus,
select.form-select:focus {
    color:#000;
    border-color:#ace;
}

html.js input.form-autocomplete { background-position:100% 7px; }
html.js input.throbbing { background-position:100% -13px; }

/* Exceptions */
#diff-inline-form select,
#content div.filter-options select { padding:0px; }


/* Fieldsets */
div.fieldset {
    border:1px solid #ccc;
    padding:4px 9px;
    margin:0px 0px 10px;

    background:#f8f8f8;
}

div.fieldset div.fieldset { background:#fff; }
div.fieldset div.fieldset div.fieldset { background:#f8f8f8; }

div.collapsed div.fieldset-content { display:none; }

/**
 * Node forms =========================================================
 */
div.node-form div.left {
    float:left;
    width:70%;
}

div.node-form div.right {
    float:right;
    width:30%;
}

div.node-form div.right div.buttons {
    background:#ddd;
    padding:9px;
    margin:0px 0px 10px;
    border:1px solid #ccc;
}

div.node-form div.right div.form-item {
    padding:10px 0px 9px;
    margin:0px;
    border:0px;
    border-bottom:1px solid #ccc;
}

div.node-form div.main { padding-right:20px; }

/**
 * System =============================================================
 */
div.admin .right,
div.admin .left {
    width:49%;
    margin:0px;
}

div.admin-panel,
div.admin-panel .body {
    padding:0px;
    clear:left;
}

div.admin-panel {
    margin:0px 0px 20px;
    padding:9px;
    background:#f8f8f8;
    border:1px solid #ccc;
}

#content div.admin-panel h3 {
    font-size:11px;
    text-transform:uppercase;
    margin:0px 0px 10px;
    padding-bottom:9px;
    border-bottom:1px solid #ccc;
}

.container-inline div.fieldset { display:block; }

/* admin/content/node & admin/user/user */
#content dl.multiselect,
#content dl.multiselect dt,
#content dl.multiselect dd { margin:0px 10px 0px 0px; }

#content dl.multiselect select {
    font-size:11px;
    background:#fff;
    border:1px solid #ccc;
}

/* update options */
div.admin-options {
    background:#f8f8f8;
    line-height:30px;
    height:30px;
    padding:9px;
    border:1px solid #ccc;
    margin:0px 0px 10px;
}

div.admin-options label {
    text-transform:uppercase;
    font:11px/30px "Lucida Grande",Verdana,sans-serif;
}

div.admin-options label,
div.admin-options div.form-item {
    margin-right:10px;
    float:left;
}

div.admin-options div.form-item {
    padding:0px;
    border:0px;
}

/* update status page */
table.update tr.ok {
    background-color:#dfd;
}
table.update tr.warning {
    background-color:#ffd;
}
table.update tr.error {
    background-color:#fcc;
}
table.update tr.odd td,
table.update tr.even td {
    background-color:transparent;
}

table.update table.version {
    margin-top:5px;
    margin-bottom:0px;
    height:20px;
}

table.update td.version-links ul.links,
table.update td.version-links a {
    padding-left:15px;
    text-align:right;
}

table.update div,
table.update a {
    font-size:12px;
}
